<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>房屋详情</title>
    <link rel="stylesheet" href="css/page1.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!--<div class="swiper-slide">-->
                <!--<img src="imgs/01.jpg" alt="">-->
            <!--</div>-->
            <!--<div class="swiper-slide">-->
                <!--<img src="imgs/02.jpg" alt="">-->
            <!--</div>-->
            <!--<div class="swiper-slide">-->
                <!--<img src="imgs/03.jpg" alt="">-->
            <!--</div>-->
        </div>
        <div class="swiper-pagination"></div>
    </div>
  <div class="content">
      <header>
          <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
          <div class="moneyBox">
              <span id="money">800</span> 元/月 （押一付三）
          </div>
          <div class="subMoney">
              <div class="time">
                  发布：
                  <span id="publishTime">16.07.13</span>
              </div>
              <div class="sum">
                  浏览：
                  <span id="sum">89</span>人
              </div>
          </div>
      </header>
      <div class="typeContainer">
          <div class="type">
              <div class="typeRow">
                  房屋类型
                  <div class="typeTxt" id="type">Studio apartment</div>
              </div>
              <div class="typeRow">
                  厨卫共享人数
                  <div class="typeTxt" id="typeNum">3人</div>
              </div>
              <div class="typeRow row">
                  租期
                  <div class="typeTxt" id="typeYear">一年</div>
                  房间数
                  <div class="typeTxt" id="typeRoom">2室一厅</div>
              </div>
          </div>
      </div>
      <div class="code">
          邮编
          <div class="typeTxt" id="typeCode">1234567</div>
      </div>
      <div class="phone">
          联系方式
          <div class="typeTxt" id="phone">1234567</div>
      </div>
  </div>
  <div class="block"></div>
  <div class="content box">
      <div class="profile">
          <p>房屋简介</p>
          <div id="comment"></div>
          <!--<ul>-->
              <!--<li>1、精装两室，家电齐全</li>-->
              <!--<li>2、交通便利</li>-->
              <!--<li>3、生活便利、周边配套齐全</li>-->
          <!--</ul>-->
      </div>
  </div>
  <div class="block"></div>
  <div class="content box">
      <div class="map">
          <p>房屋地图</p>
          <div id="map"></div>
      </div>
  </div>
  <footer>
      <div class="ad"></div>
      <div class="logo"></div>
      <div id="downLoad">点击下载</div>
      <div class="text">下载Echo life，获取更多留学生活资讯</div>
  </footer>


  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/swiper-3.4.2.jquery.min.js"></script>
  <script src="js/base.js"></script>

</body>
</html>